<div id="order-detail" class="show-box">
    <h2>CHI TIẾT ĐƠN HÀNG {$order_id}</h2>

    <div class="note">Các sản phẩm trong đơn đặt hàng</div>
    <table class="items">
        <thead>
        <tr>
            <th>Tên sản phẩm</th>
            <th>Đơn giá</th>
            <th>Số lượng</th>
            <th>Thành tiền</th>
        </tr>
        </thead>
        <tbody id="checkout-detail">
        {foreach $order_detail['items'] as $item}
        <tr>
            <td>{$item.name}</td>
            <td>{$item.price}</td>
            <td>{$item.quantity}</td>
            <td>{$item.total}</td>
        </tr>
        {/foreach}
        </tbody>
        <tfoot>
        <tr>
            <th colspan="3">Tổng giá trị đơn hàng</th>
            <td id="checkout-confirm-total">{$order_detail.total}</td>
        </tr>
        </tfoot>
    </table>
    <div class="note">Thông tin khách hàng</div>
    <table id="checkout-confirm-kh">
        <tbody>
        <tr>
            <td>Họ tên</td>
            <td id="checkout-confirm-ten">{$order_detail.order.u_ten}</td>
        </tr>
        <tr>
            <td>Địa chỉ</td>
            <td id="checkout-confirm-diachi">{$order_detail.order.ddh_diachigh}</td>
        </tr>
        <tr>
            <td>Số điện thoại</td>
            <td id="checkout-confirm-sodt">{$order_detail.order.ddh_sodtnh}</td>
        </tr>
        <tr>
            <td>Ngày đặt hàng</td>
            <td id="checkout-confirm-ngaydh">{$order_detail.order.ddh_ngaydh}</td>
        </tr>
        <tr>
            <td>Trạng thái</td>
            <td id="order-state">
            {if $order_detail['order']['ddh_trangthaixn'] == 0 && $order_detail['order']['ddh_trangthaigh'] == 0}
                Chưa xác nhận đơn đặt hàng và giao hàng
                {elseif $order_detail['order']['ddh_trangthaigh'] != 0}
                Đã giao hàng!
                {elseif $order_detail['order']['ddh_trangthaixn'] != 0}
                Đã xác nhận đơn hàng, chưa giao hàng!
            {/if}
            </td>
        </tr>
        </tbody>
    </table>

    <div class="buttons">
        <input type="hidden" id="order-id" value="{$order_id}">
        <a href="" class="back-link">Quay trở lại</a>
    {if UserController::isLoggedAdmin()}
        {if $order_detail['order']['ddh_trangthaigh'] == 0}
            <a href="" id="delete">Xóa đơn hàng</a>
        {/if}

        {if $order_detail['order']['ddh_trangthaixn'] == 0}
            <a href="" id="confirm">Đã xác nhận đơn hàng</a>
        {/if}

        {if $order_detail['order']['ddh_trangthaigh'] == 0}
            <a href="" id="deliver">Đã giao hàng</a>
        {/if}


    {/if}
    </div>
</div>

{css style/order-detail.css}
{js scripts/order-detail.js}